<html>
  <head>
  </head>
  <body>
    <div class="subMenu">
      <h2>Find resources</h2>
      <form method='GET' action=''>
        <input type="text" name="q" class="search" value="${q!}"/><br/>
        <input type="submit" value="Search"/>
      </form>
    </div>
    <div class="subPage">
      <ul class="searchResult">
      <#list results as r>
        <li class='searchResultItem'>
          <p class='important'><a href="<@s.url value="/CrawlableResource/detail?key="/>${r.resourceKey}">${r.resourceTitle!}</a></p>
          <p class='subtle'>${r.institutionTitle}</p>
          <p class='url'>${r.url}</p>
          <p class='subtle'>${r.country} | <b>${r.numberRecords}</b> records | ${r.lastActivity}</p>
        </li>
      </#list>
      </ul>
    </div>
    <script>
      $('li.searchResultItem').mouseover(function() {
        $(this).removeClass("searchResultItem").addClass("searchResultHover");
      }).mouseleave(function() {
        $(this).removeClass("searchResultHover").addClass("searchResultItem");
      }).click(function() {
        window.location = $(this).find("a").attr('href');
      });    
    </script>
  </body>
</html>